<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>品牌管理</title>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
	
	<script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>
    <script type="text/javascript" src="../plugins/angularjs/pagination.js"></script>
    <link rel="stylesheet" href="../plugins/angularjs/pagination.css">
    
    <script type="text/javascript" src="../js/base_pagination.js"></script>
    <script type="text/javascript" src="../js/service/userService.js"></script>
     <script type="text/javascript" src="../js/service/baseCodeService.js"></script>
    <script type="text/javascript" src="../js/service/abilityItemService.js"></script>
    <script type="text/javascript" src="../js/controller/baseController.js"></script>
    <script type="text/javascript" src="../js/controller/userController.js"></script>
    
    <style type="text/css">
    	table tr td{
		    text-align:left;
		    line-height: 25px;  
		    vertical-align:middle;
		}
    </style>
    
</head>
<body class="hold-transition skin-red sidebar-mini" ng-app="xhManager" ng-controller="userController">
  <!-- .box-body -->
       <div class="box-header with-border">
           <h3 class="box-title">用户管理</h3>
       </div>

       <div class="box-body">

           <!-- 数据表格 -->
           <div class="table-box">

               <!--工具栏-->
               <div class="pull-left">
                   <div class="form-group form-inline">
                       <div class="btn-group">
                           <button type="button" class="btn btn-default" title="新建" data-toggle="modal" data-target="#editModal" ng-click="clear()"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span>&nbsp; 新建</button>
                           <button type="button" class="btn btn-default" title="删除" ng-click="dele()"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>&nbsp; 删除</button>           
                           <button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>&nbsp; 刷新</button>
                       </div>
                   </div>
               </div>
               <div class="box-tools pull-right">
                   <div class="has-feedback">
                                   
                   </div>
               </div>
               <!--工具栏/-->
		
		
        <!--数据列表-->
        <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
            <thead>
                <tr>
                    <th class="" style="padding-right:0px">
                          <input id="selall" type="checkbox" class="icheckbox_square-blue">
                    </th> 
 					<th class="sorting_asc">用户ID</th>
    				<th class="sorting">用户昵称</th>									      
    				<th class="sorting">用户姓名</th>									     				
                	<th class="sorting">年龄</th>
                	<th class="sorting">性别</th>
                	<th class="text-center">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="user in list">
                   <td><input type="checkbox" ng-click="updateSelection($event , user.id)"></td>			                              
                   <td>{{user.id}}</td>
    			   <td>{{user.username}}</td>									     
                   <td>{{user.realname}}</td>		                                 
                   <td>{{genderView[user.gender]}}</td>		                                 
                   <td>{{user.age}}</td>		                                 
                   <td class="text-center">                                           
                      <button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal"  ng-click="findOne(user.id)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>&nbsp; 修改</button>                                           
                   </td>
                </tr>
              </tbody>
          </table>
          <!--数据列表/-->    
                              
		  <tm-pagination conf="paginationConf"></tm-pagination>
		  
      </div>
      <!-- 数据表格 /-->
   </div>
   <!-- /.box-body -->





   
<!-- 编辑窗口 -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" >
	<div class="modal-content">
		
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h4 id="myModalLabel">用户编辑</h4>
		</div>
		
		<div class="panel panel-default row-fluid" >
			<table class="table table-bordered table-striped"  width="800px">
		      	<tr>
		      		<td>用户昵称</td>
		      		<td><input  class="form-control" ng-model="entity.username" placeholder="用户昵称" >  </td>
		      	</tr>		      	
		      	<tr>
		      		<td>真实姓名</td>
		      		<td><input  class="form-control" ng-model="entity.realname" placeholder="真实姓名">  </td>
		      	</tr>
		      	<tr>
		      		<td>性别</td>
		      		<td>
						<input type="radio" ng-value="1" ng-model="entity.gender">男 &nbsp;&nbsp;&nbsp;
						<input type="radio" ng-value="2" ng-model="entity.gender">女 &nbsp;&nbsp;&nbsp;
		      		</td>
		      	</tr>
		      	<tr>
		      		<td>年龄</td>
		      		<td><input  class="form-control" ng-model="entity.age" placeholder="年龄"></td>
		      	</tr>
		      	
		      	<tr ng-if="entity.id == null">
		      		<td>密码</td>
		      		<td><input  type="password" class="form-control" ng-model="entity.password"  placeholder="密码"></td>
		      	</tr>
		      	<tr ng-if="entity.id == null"> 
		      		<td>确认密码</td>
		      		<td><input type="password" class="form-control" ng-model="entity.confirmpassword" placeholder="确认密码"></td>
		      	</tr>
			 </table>	
		</div>
		
		
		
		
		<div class="modal-footer">						
			<button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="save()">保存</button>
			<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
		</div>
		
	  </div>
	</div>
</div>




</body>
</html>